<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #999999;
	list-style-type:none;
}
a {
	text-decoration: none;
}
.top_logo {
	width: 100%;
}
.top_logo_top a:hover{
	text-decoration:underline;}
.top_logo_top {
	width: 1000px;
	margin: auto;
}
.top_logo_bottom {
	width: 100%;
	background-color: #FFF8F0;
	height:40px;
}
.top_logo_bottom_conter{
		width: 1000px;
	margin: auto;
	line-height:40px;
	text-align:center
	}
.banner{
	background:url(img/5a548b0dNf162db02.jpg) no-repeat 300px;
	width:100%;
	height:471px;
	background-color:#676767;
	position:relative;}
.bottom{
	width:100%;}
.bottom_u{
	margin:auto;
	width:1000px;
	margin-top:30px;
	margin-bottom:20px;
	cursor:pointer;}
.bottom_u li{
	display:inline-block;
	border-right:1px #999999 solid;
	padding-right:14px;
	padding-left:13px;}
.bottom_u li:hover{
	text-decoration:underline;}
.Login{
	width:350px;
	height:400px;
	position:absolute;
	top:15px;
	left:1250px;
		background-color:#FFFFFF
	}
.Login_top{
	width:100%;
	height:33px;
	background-color:#FFF8F0;
	line-height:33px;
	text-align:center;
	}
.tb{
	position:relative; top:4px; right:6px;
	}
.Login_bottom{
	width:100%;
	height:40px;
	background-color:#FFF;
	line-height:40px;
	}
.Login_bottom_d3f>img{
	position:relative;
	top:6px;
	margin-right:5px;
	margin-left:5px;}
.Login_bottom_d3f{
	margin-left:10px}
.Login_bottom_register
{
	float:right;
		font-size:15px;
		color:#F00;
		margin-right:15px;}
.Login_bottom_register>img{
		position:relative;
	top:6px;
	right:5px;
}
.zs{
	color:#000;}
.zs:hover{
	text-decoration:underline;
	cursor:pointer;}
label{
	font-size:18px;
		color:#000;}
.Login>input{
	display:none;}
.Login_saoma,p{
	text-align:center;
		color:#000;}
.Login_saoma,.Login_yz{
	display:none;
	width:100%;
	height:290px;
	margin-top:40px;
	border-bottom:1px solid #F4F4F4;
	border-top:1px solid #F4F4F4;}
.Login_left{
	position:absolute;
	bottom:336px;
	right:230px;}
.Login_right{
	position:absolute;
	bottom:336px;
	right:45px;}
.rwm{
	margin-top:12px;
	padding:8px;
	border:1px solid #000;
	margin-bottom:2px;
	}
.Login_saoma p img{
	position:relative;
	top:9px;
	margin-right:5px;
	margin-left:25px;}
.Login_saoma_gg{
	position:relative;
	top:10px;
	right:10px;}
.Login_yz>span>input{
	width:130px;
	height:30px;
	position:absolute;
	border:none;
	outline: none;
}
.Login_yz>span{
	display:block;
	border:1px solid #F1F1F1;
	width:280px;
	margin-top:20px;
	margin-left:30px;}
.Login_yz>span>img{
	padding:7px;
	background-color:#F1F1F1
}
.wjpwd{
	margin-top:25px;
	text-align:right;
	margin-right:40px;}
.Login_yz_but{
	font-size:19px;
	color:#FFF;
	background-color:#E4393C;
	border:none;
	height:30px;
	width:280px;
	position:relative;
	top:35px;
	left:30px;
	}
			input[type=radio]:checked+div{
			    display: block;
			}
						input[type=radio]:checked+div+label{
			    color: red;
			}


</style>
</head>

<body>
<div class="top_logo">
  <div class="top_logo_top"><img src="img/logo-201305-b.png" /><span style="font-size:26px; position:relative;top:-10px; left:15px; color:#000">欢迎登录</span><span style="float:right; margin-top:35px;"><img src="img/q-icon.png" style="margin-right:7px;"/><a href="#">登录页面,调查问卷</a></span></div>
  <div class="top_logo_bottom">
     <div class="top_logo_bottom_conter"><p><img src="img/icon-tips.png" class="tb"/>依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版<span class="zs">《京东隐私政策》</span>已上线，将更有利于保护您的个人隐私。</p></div>
  </div>
</div>
<div class="banner">
   <div class="Login">
     <div class="Login_top"><img src="img/icon-tips.png" class="tb" />京东不会以任何要求您转账汇款，谨防诈骗。</div>
     <input type="radio" name="xx" checked="checked" id="sm"/>
       <div class="Login_saoma">
         <img src="img/show.png" class="rwm"/><p>打开手机京东 扫描二维码</p>
         <p class="Login_saoma_gg"><img src="img/pen.JPG" />免输入<img src="img/lightning.JPG" />更快<img src="img/safety.JPG" />更安全</p>
       </div>
     <label class="Login_left" for="sm">扫码登录</label>
     <input type="radio"  name="xx"  id="dl"  />
       <div class="Login_yz">
         <span><img src="img/name.JPG"  style="padding-right:11px;"/><input type="text" placeholder="邮箱/用户名/已验证手机" /></span>
         <span><img src="img/password.JPG" /><input type="password" placeholder="密码"/></span>
         <p class="wjpwd">忘记密码</p>
         <input type="button"  value="提交" class="Login_yz_but"/>
       </div>
     <label class="Login_right" for="dl">账户登录</label>
     <div class="Login_bottom"><span class="Login_bottom_d3f"><img src="img/qq.JPG" />QQ&nbsp;|<img src="img/weixing.JPG" />微信</span><span class="Login_bottom_register"><img src="img/arrows.JPG" />立即注册</span></div>
   </div>
</div>
<div class="bottom">
  <ul class="bottom_u">
     <li>关于我们</li>
     <li>联系我们</li>
     <li>人才招聘</li>
     <li>商家入驻</li>
     <li>广告服务</li>
     <li>手机京东</li>
     <li>友情链接</li>
     <li>销售联盟</li>
     <li>京东社区</li>
     <li>京东公益</li>
     <li>English Site</li>
  </ul>
 <p style="text-align:center; position:relative; right:20px;">Copyright @ 2004-2018 京东JD.com 版权所有</p>
</div>
</body>
</html>
